body{ background-color: #d5433d; }
body .container{ padding:0 0.65rem; }
body .head{ padding:0.5rem 0; height:1rem; line-height:1rem; font-size:0.5rem; text-align:center; color:#fff; position:relative; }
body .head .icon-jiantou1{ font-weight:bold; font-size:0.8rem; position:absolute; left:0; }
body .head h2{ display:inline-block; font-size:0.8rem; }
body .head a{ position:absolute; right:0; bottom:0.4rem; font-size:0.7rem; color:#fff; height:1.1rem; line-height:1.1rem; }
body .head a img{ width:1.1rem; height:1.1rem; position:relative; top:-0.1rem; margin-right:0.2rem; }
#calender-statistic .head .select{ position:absolute; right:0; top:0.5rem; }
#calender-statistic .head .select input{ display:none; }
#calender-statistic .head .select input + label{ background-color:#d5433d; border:1px solid #fff; padding:0.35rem; border-radius:3px; display:inline-block; position:relative; top:0.15rem; }
#calender-statistic .head .select input:checked + label:after{ content:'\2714'; position:absolute; top:-4px; left:0; color:#fff; width:100%; text-align:center; font-size:1.4em; padding:1px 0 0 0; vertical-align:text-top; }

#calender-statistic .content{ background-color:#f5f5f5; border-radius:0.2rem; overflow:hidden; }
#calender-statistic .content .content-head{ padding:0.3rem 0.5rem; border-bottom:1px solid #d9d9d9; overflow:hidden; }
#calender-statistic .content .content-head-left{ color:#4d4d4d; font-size:0.5rem; }
#calender-statistic .content .content-head-right i{ float:right; }
#calender-statistic .content .content-head-right .drop-down{ position:absolute; right:1.15rem; top:3.3rem; text-align:center; width:3.5rem; border: 1px solid #ececec; border-radius:0.2rem; background-color:#fff; display:none; z-index:100; }
#calender-statistic .content .content-head-right .drop-down ul{ background-color:#fff; border-radius:10px; }
#calender-statistic .content .content-head-right .drop-down ul:after{ position:absolute; right:0.15rem; top:-0.2rem; content:''; width:0.3rem; height:0.3rem; background:#fff; border-left:1px solid #ececec; border-top:1px solid #ececec; transform:rotate(45deg); }
#calender-statistic .content .content-head-right .drop-down ul li{ border-bottom:1px solid #e8e8e8; height:1rem; line-height:1rem; color:#666; overflow:hidden; font-size:0.1rem; }
#calender-statistic .content .content-head-right .drop-down ul li:last-child{ border:none; }
#calender-statistic .content .content-box{ background-color:#fff; margin-bottom:0.7em; position:relative; overflow:hidden; }
#calender-statistic .content .content-box .summary{ margin:0 0.5rem; height:1.6rem; line-height:1.6rem; border-bottom:1px solid #eee; color:#000; font-weight:bold; }
#calender-statistic .content .content-box .summary h3{ font-size:0.55rem; font-weight:bold; float:left; line-height:1.4rem; }
#calender-statistic .content .content-box .summary div{ font-size:0.7rem; float:right; margin-left:1rem; }
#calender-statistic .content .content-box .summary .detail{ width:3.6rem; text-align:center; margin-top:0.2rem; line-height:0.6rem; font-size:0.01rem; font-weight:lighter; color:#c8c8c8; }
#calender-statistic .content .content-box .summary .detail b{ font-size:0.8rem; color:#000; }
#calender-statistic .content .content-box ul{ position:relative; float:left; left:50%; top:-0.5rem; }
#calender-statistic .content .content-box ul li{ float:left; position:relative; right:50%; overflow:hidden; margin:0 0.7rem; }
#calender-statistic .content .content-box ul li i{ font-size:0.6rem; }
#calender-statistic .content .content-box ul li span{ font-size:0.5rem; color:#5d5d5d; }
#calender-statistic .content .content-box .icon-xianjin,#calender-statistic .content .content-box .icon-kafeiting{ color:#2ba388 }
#calender-statistic .content .content-box .icon-shouru,#calender-statistic .content .content-box .icon-tb17{ color:#d4433d }
#calender-statistic .content .content-box .icon-shenglvehao,#calender-statistic .content .content-box .icon-gongzuo{ color:#fda242 }
#calender-statistic .content .content-box .icon-yule{ color:#3f85fb; }
#calender-statistic .content .chart{ height:8.5rem; }

#calender-statistic .mask{ position:fixed; left:0; top:0; width:100%; height:100%; display:none; background-color:#000; opacity:0.3; z-index:99; }

#account-index .content{ background-color:#fff; height:25rem; position:relative; border-radius:0.4rem; }
#account-index .content table{ display:block; height:19rem; overflow-y:scroll; }
#account-index .content table tr{ display:inline-block; width:100%; padding:0.6rem 0; color:#c5c5c5; line-height:1.2rem; font-size:0.65rem; }
#account-index .content table td{ float:left; }
#account-index .content table tr .tl{ padding-left:2%; }
#account-index .content table tr .tr{ padding-right:2%; }
#account-index .content table tr .tl em{ color:#a2a2a2; margin-right:0.3rem; }
#account-index .content table tr .tr em{ color:#a2a2a2; margin-left:0.3rem; }
#account-index .content tbody tr i{ position:relative; z-index:99; font-size:1.5rem; background-color:#fff; }
#account-index .content table tr i.icon-iconfontdian1{ color:#b8b8b8; }
#account-index .content table tr i.icon-weixin1{ font-size:1.4rem; }
#account-index .content table tr i.icon-xinyong,#account-index .content table tr i.icon-yin1{ font-size:1.6rem; left:-0.05rem; }
#account-index .content table tr i.green{ color:#54be89; }
#account-index .content table tr i.red{ color:#d5433d; }
#account-index .content table tr:first-child{ padding: 0; }
#account-index .content table tr:first-child span{ font-size:0.4rem; color:#cdcdcd; margin-right:-0.4rem; }
#account-index .content table tr:first-child i{ font-size:0.6rem; margin-right:-1px; background:none; }
#account-index .content table tr:last-child{ padding-bottom:3rem; }
#account-index .content thead tr td{ padding:1rem; }
#account-index .content thead tr td.content-left{ background-color:#74c5af; }
#account-index .content thead tr td.content-right{ background-color:#e96350; }
#account-index .content hr{ height:75%; position:absolute; top:0; left:50%; margin:0; }

#account-index .content .content-container{ padding:3.5% 2.5%; overflow:hidden; }
#account-index .content .content-container .content-container-box{ width: 47.5%; float:left; border-radius:0.15rem; font-size:0.8rem; color:#fff; }
#account-index .content .content-container .content-container-box:after{ position:absolute; top:1.8rem; content:''; width:0.3rem; height:0.3rem; transform:rotate(45deg); }
#account-index .content .content-container .content-container-box.left-box:after{ background-color:#7ccbb6; left:1.7rem; }
#account-index .content .content-container .content-container-box.right-box:after{ background-color:#ed6d54; right:5.4rem; }
#account-index .content .content-container .left-box{ margin-right:2.5%; }
#account-index .content .content-container .right-box{ margin-left:2.5%; }
#account-index .content .content-container .content-head{ padding:0.3rem 0.2rem; overflow:hidden; border-radius:0.25rem; position:relative; margin-bottom:0.6rem; }
#account-index .content .content-container .left-box .content-head{ background-color:#7ccbb6; }
#account-index .content .content-container .right-box .content-head{ background-color:#ed6d54; }
#account-index .content .content-container .title{ float:left; font-size:0.65rem; font-weight:lighter; }
#account-index .content .content-container .detail{ float:right; font-size:0.3rem; }
#account-index .content .content-container .detail em{ font-size:0.65rem; margin-left:0.2rem; font-weight:lighter; }
#account-index .content .content-container .detail i{ font-size:0.55rem; }
#account-index .content .content-container ul li{ margin-bottom:0.5rem; position:relative; }
#account-index .content .content-container ul .box{ overflow:hidden; height:1.8rem; line-height:1.8rem; border-radius:0.3rem; text-align:center; display:block; color:#fff; }
#account-index .content .content-container ul .inner-left{ float:left; width:40%; font-size:0.5rem; }
#account-index .content .content-container ul .inner-right{ float:right; width:60%; }
#account-index .content .content-container .left-box ul .inner-right{ background-color:#eef6f4; }
#account-index .content .content-container .right-box ul .inner-right{ background-color:#fcece9; }
#account-index .content .content-container ul{ height:16.7rem; overflow-y:scroll; }
#account-index .content .content-container ul .inner-right p{ float:left; color:#727372; font-size:0.6rem; margin-left:0.2rem; }
#account-index .content .content-container ul .inner-right span{ float:right; margin-right:0.3rem; font-size:0.4rem; }
#account-index .content .content-container ul .inner-right em{ font-size:0.7rem; color:#db4b40; }
#account-index .content .content-container ul .inner-right i{ color:#666; }
#account-index .content .content-container ul li img{ position:absolute; width:2.2rem; right:0; top:-0.2rem; }
#account-index .content .content-container ul .inner-left.danlv{ background-color:#93d4c2; }
#account-index .content .content-container ul .inner-left.lv{ background-color:#7ccbb6; }
#account-index .content .content-container ul .inner-left.shenlv{ background-color:#5f9d8d; }
#account-index .content .content-container ul .inner-left.danhong{ background-color:#e7b6ad; }
#account-index .content .content-container ul .inner-left.hong{ background-color:#ed6d54; }
#account-index .content .content-container ul .inner-left.shenhong{ background-color:#b2513f; }

#account-index .content .content-bottom{ position:absolute; left:2.5%; bottom:-0.2rem; width:95%; height:6rem; background:url("../images/account-back.png") no-repeat; background-size:100%; z-index:100; }
#account-index .content .content-bottom .receive,#account-index .content .content-bottom .pay{ position:absolute; bottom:4rem; width:3.6rem; height:1.2rem; line-height:1.2rem; border-radius:0.6rem 0.6rem; background-color:#fff; font-size:0.6rem; text-align:center; }
#account-index .content .content-bottom .receive,#account-index .content .content-bottom .pay.active{ box-shadow:0 0 20px 10px; }
#account-index .content .content-bottom .receive{ color:#74c5b0; left:7%; }
#account-index .content .content-bottom .pay{ color:#e96250; right:7%; }
#account-index .content .content-bottom .plus{ position:absolute; left:39%; bottom:4.4rem; text-align:center; width:2.8rem; height:2.8rem; line-height:2.8rem; border:0.2rem solid #fff; border-radius:50%; background-color:#509efa; z-index:10; }
#account-index .content .content-bottom .plus i{ font-size:1.3rem; color:#fff; font-weight:bold; }
#account-index .content .content-bottom div{ position:absolute; bottom:1.5rem; color:#fff; font-size:0.65rem; text-align:center; }
#account-index .content .content-bottom .receive-num{ left:11%; }
#account-index .content .content-bottom .pay-num{ right:11%; }
#account-index .content .content-bottom .receive em{ background-color:#54be89; }
#account-index .content .content-bottom .pay em{ background-color:#d5433d; }
#account-index .content .content-bottom em{ position:absolute; right:0.2rem; top:-0.4rem; width:0.7rem; height:0.7rem; line-height:0.7rem; border-radius:50%; color:#fff; font-size:0.5rem; }